require('./index.css');
var _mm = require('util/mm.js');
var template = require('./index.string')

//侧边导航 nav-side
var nav = {
    option : {
        name : '',
        navList :[
            {name : 'user-center',desc : '个人中心', href : './user-center.html'},
            {name : 'order-list',desc : '我的订单', href : './order-list.html'},
            {name : 'user-pass-update',desc : '修改密码', href : './user-pass-update.html'},
            {name : 'about',desc : '关于MMall', href : './about.html'},
        ]
    },
    init : function(option){
        //合并选项
        $.extend(this.option,option)
        this.renderNav()
    },

   renderNav:function(option){
        for(var i = 0, iLength = this.option.navList.length; i < iLength; i++){
            if(this.option.navList[i].name === this.option.name){
                this.option.navList[i].isActive = true 
            }
        }
        //渲染list数据
        var navHtml = _mm.renderHtml(template,{
            navList : this.option.navList
        })
        //把html放入容器
        $('.nav-side').html(navHtml)
   }

}

module.exports = nav;